﻿<!DOCTYPE html>
<html>

<head>
    <title>DOME</title>
    <meta charset="utf-8" />
    <link href="../public/element.css" rel="stylesheet" />
    <style>
        #app{
            margin-left: 15%
        }
        .el-col-2 {
            text-align: right;
        }
        .el-col-24 {
            margin-left: 120px;
        }
        .el-row{
            margin-top: 8px;
        }
        h2 {
            text-align: center;
        }
        .el-input__inner{
            max-width: 180px;
        }
        .el-textarea__inner{
            max-width: 500px;
        }
        .btns{
            margin-top: 12px;
            text-align: center;
        }
    </style>
</head>

<body>
    <div id="app">
        <h2>调查表单</h2>
        <div v-for="question in AnswerQuestion">
            <el-row>
                <el-col :span="2">
                    <span v-if="question.IsNeed" style="color: red">*</span>
                    {{question.QuestId}}.
                </el-col>
                <el-col :span="22">
                    {{question.QuestTitle}}
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="24">
                    <answer-item :model.sync="question"></answer-item>
                </el-col>
            </el-row>
        </div>
        <div class="btns">
            <el-button type="primary" v-on:click="onSubmit">提交答卷</el-button>
            <el-button v-on:click="onClose">关闭本页</el-button>
        </div>
    </div>
    <script src="http://js.40017.cn/touch/cn/public/jquery-1.8.3.min.js"></script>
    <script src="../public/vue.js"></script>
    <script src="../public/element.js"></script>
    <script src="index.js"></script>

</body>

</html>